<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>聚橙网手机端</title>
	<meta content="yes" name="apple-mobile-web-app-capable"/>
	<meta content="telephone=no,email=no" name="format-detection"/>
	<script src="lib/flexible_css.debug.js"></script>
	<script src="lib/flexible.debug.js"></script>
	<link rel="stylesheet" type="text/css" href="css/reset-app.css"/>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="lib/swiper-3.4.2.min.css">
</head>
<body>

<div class="navpart clearfix">
	<div class="city-part">
		<a href="citysel.html">
			<span>广州∨</span>
		</a>
	</div>
	<div class="search-part">
		<a href="#">搜索演出、艺人或场馆</a>
	</div>
</div>
<div class="wrap-all">
	<div class="carousel-part">
		<div class="swiper-container">
    		<div class="swiper-wrapper">
    		    <div class="swiper-slide"><a href="#"><img src="img/lunbo1.jpg"></a></div>
    		    <div class="swiper-slide"><a href="#"><img src="img/lunbo2.jpg"></a></div>
    		    <div class="swiper-slide"><a href="#"><img src="img/lunbo3.jpg"></a></div>
    		</div>
    		<!-- 如果需要分页器 -->
    		<div class="swiper-pagination"></div>
		</div>
	</div>
	<div class="allsell-part">
		<ul class="clearfix">
			<li><a href="#"><img src="img/jita1.png"></a><span>演唱会</span></li>
			<li><a href="#"><img src="img/diezi1.png"></a><span>演唱会</span></li>
			<li><a href="#"><img src="img/mianju1.png"></a><span>演唱会</span></li>
			<li><a href="#"><img src="img/geshou1.png"></a><span>演唱会</span></li>
			<li><a href="#"><img src="img/ertong1.png"></a><span>演唱会</span></li>
		</ul>
		<div class="allsel-part-bot clearfix">
			<a href="#"><img src="img/liwu1.png"><span>日历</span></a>
			<a href="../ldz/huasuan_mobile.html"><img src="img/rAoKmVmJkaaASnfvAAADnkqPMCk567.png"><span>聚特惠</span></a>
			<a href="../lan/forstudent.html"><img src="img/rAoKNVmnYMCAW3bBAAAIk2OEDFo255.png"><span>学生专区</span></a>
			<a href="#" class="m-r"><img src="img/liwu1.png"><span>日历</span></a>
		</div>
	</div>
	<div class="main-part">
		<div class="main-part-tt">
			<h4>热门演出</h4>
		</div>
		<div class="main-part-bd">
			<div class="movie-item clearfix">
				<a href="../lzh/goods_page.html">
					<div class="movie-pic">
						<img src="img/laorenyuhai.jpg">
					</div>
					<div class="movie-mess">
						<p class="movie-mess-p1">这里是标题这里是标题这里是标题这里是标题</p>
						<p class="movie-mess-p2">2017.11.11-2017.12.12</p>
						<p class="movie-mess-p2">[广州] 广东演戏中心</p>
						<p class="movie-mess-p3"><i>¥</i>100-680</p>
					</div>
				</a>
			</div>
			<div class="movie-item clearfix">
				<a href="#">
					<div class="movie-pic">
						<img src="img/laorenyuhai.jpg">
					</div>
					<div class="movie-mess">
						<p class="movie-mess-p1">这里是标题这里是标题这里是标题这里是标题</p>
						<p class="movie-mess-p2">2017.11.11-2017.12.12</p>
						<p class="movie-mess-p2">[广州] 广东演戏中心</p>
						<p class="movie-mess-p3"><i>¥</i>100-680</p>
					</div>
				</a>
			</div>
			<div class="movie-item clearfix">
				<a href="#">
					<div class="movie-pic">
						<img src="img/laorenyuhai.jpg">
					</div>
					<div class="movie-mess">
						<p class="movie-mess-p1">这里是标题这里是标题这里是标题这里是标题</p>
						<p class="movie-mess-p2">2017.11.11-2017.12.12</p>
						<p class="movie-mess-p2">[广州] 广东演戏中心</p>
						<p class="movie-mess-p3"><i>¥</i>100-680</p>
					</div>
				</a>
			</div>
		</div>
		<div class="more-all">
			<a href="#">查看全部演出&nbsp > </a>
		</div>
	</div>
	<div class="footpart clearfix">
	<a href="#"><span></span><p>首页</p></a>
	<a href="#"><span></span><p>首页</p></a>
	<a href="#"><span></span><p>首页</p></a>
</div>
</div>



</body>
<script src="lib/swiper-3.4.2.min.js"></script>
<script>
window.onload = function(){
	var mySwiper = new Swiper ('.swiper-container', {
	//自动播放
	autoplay: 3000,
	//无缝链接
    loop: true,
    //拖动后恢复滚动
    autoplayDisableOnInteraction : false,
    // 如果需要分页器
    pagination: '.swiper-pagination'
  })  
}
</script>
</html>